<template>
	<view class="item-content-for">
		<navigator :url="'/pages/detail/detail?_id='+movieItem._id">
			<image :src="movieItem.cover"></image>
			<text>{{movieItem.title}}</text>
		</navigator>

	</view>
</template>

<script>
	export default {
		name: "homeMovieScorll",
		props: ['movieItem'],

	}
</script>

<style lang="scss">
	.item-content-for {

		margin: 20rpx;
		width: 170rpx;

		image {
			width: 170rpx;
			height: 225rpx;
			border-radius: 20rpx;
		}

		text {
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			text-overflow: ellipsis;
			overflow: hidden;
		}
	}
</style>
